<div class="nav-bar ms-topbar ms-topbar-inverse">
        <a class="apps-btn overlay-hide  ms-btn ms-topbar-btn">
            <span class="ms-icon-th-large"></span>
        </a>
        <a class="back-btn overlay-show  ms-btn ms-topbar-btn">
            <span class="ms-icon-arrow-left"></span>
        </a>
    
    
        <a class="login-btn overlay-hide  ms-btn ms-topbar-btn ms-fr" href="login.html">
            <span class="ms-icon-user"></span>
        </a>
        <a class="login-btn overlay-hide  ms-btn ms-topbar-btn ms-fr" href="messge.html">
            <span class="ms-icon-envelope"></span>
        </a>
        <a class="setting-btn overlay-hide  ms-btn ms-topbar-btn ms-fr" href="setting.html">
            <span class="ms-icon-cog"></span>
        </a>
    </div>
    
    <div class="overlay hide">
        <div class="ms-u-sm-8 ms-u-sm-centered">
            <ul class="app-list ms-avg-sm-2 ms-avg-lg-4">
                <li class="app-template">
                    <div class="ms-g">
                        <div class="ms-u-sm-centered">
                            <a class="app-link">
                                <div class="ms-g">
                                    <div class="app-icon ms-u-sm-centered">
                                        <span class="app-icon-image"></span>
                                    </div>
                                    <p class="app-name"></p>
                                </div>
                            </a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>